/*#region     PAGE BACKGROUND  */
/*-----------------------------*/

.PageBG_GradientRed {

    background: #9b0033;
    background: -moz-linear-gradient(top,  #9b0033 0%, #7a0024 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b0033), color-stop(100%,#7a0024));
    background: -webkit-linear-gradient(top,  #9b0033 0%,#7a0024 100%);
    background: -o-linear-gradient(top,  #9b0033 0%,#7a0024 100%);
    background: -ms-linear-gradient(top,  #9b0033 0%,#7a0024 100%);
    background: linear-gradient(to bottom,  #9b0033 0%,#7a0024 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0033', endColorstr='#7a0024',GradientType=0 );
    
}

.PageBG_GradientGray{

    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 15%, #d3d3d3 79%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(15%,#f4f4f4), color-stop(79%,#d3d3d3), color-stop(100%,#bababa));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 15%,#d3d3d3 79%,#bababa 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 15%,#d3d3d3 79%,#bababa 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 15%,#d3d3d3 79%,#bababa 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 15%,#d3d3d3 79%,#bababa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=0 );
    
}

.PageBG_Button{

    background: #a82543; /* Old browsers */
    background: -moz-linear-gradient(top,  #a82543 1%, #72192e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a82543), color-stop(100%,#72192e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a82543 1%,#72192e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a82543 1%,#72192e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a82543 1%,#72192e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a82543 1%,#72192e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a82543', endColorstr='#72192e',GradientType=0 ); /* IE6-9 */


}




/*-------------------------*/
/*#endregion */

/*#region     PAGE             */
/*-----------------------------*/

html 
{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    font-size:13px; /* Defualt FontSize */
    font-family: 'Schoolbell Pro', Arial, Sans-Serif; 
    overflow:hidden;
}

body
{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: #ffffff;
    margin:0px;  
}

#page_wrapper 
{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;    
    text-align: center;
}


/*-------------------------*/
/*#endregion */

/*#region     POPUP            */
/*-----------------------------*/
#popup_loader_background
{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #000000;
    opacity: 0.6;
    z-index: 1000;
}

#popup_loader_wrapper
{
    position: absolute;
    color: #ffffff;
    text-align: center;    
    width: 200px;   
}

#popup_window_background
{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #000000;
    opacity: 0.6;
    z-index: 1000;
}

#popup_window_wrapper
{
    position: absolute;
    background-color: #ffffff;
    box-shadow:2px 2px 10px #000000;
    z-index: 1001;
}

#popup_window_content_wrapper
{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #ffffff;
}

#popup_showCondition_wrapper {

    background-color: #f3ecec;
    border: 4px solid #5e0101;
    box-shadow: 4px 4px 12px 0px rgba(117, 124, 122, 0.67);
    
     width: 350px;
    height: 300px;
    margin-top: 10%;
    margin-bottom: 2%;
    margin-left: 50%;
    
    
    z-index: 1002;
    position:absolute;

}


#popup_window_ImageZoom_wrapper {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #ebebeb;

}

#popup_window_header
{
    position: absolute;
    top:0;
    left:0;
    right:0;
    height:45px;
    text-align:center;
    background-color: #821c34;
    color: #ffffff;
    padding-top:10px;
    font-size:17px; /*Change Defualt FontSize*/


}

#popup_window_content
{
    position: absolute;
    top:45px;
    bottom:0;
    left:0;
    right:0;
}

#popup_window_HTMLEditor
{
    position: absolute;
    top:42px;
    bottom:0;
    left:0;
    right:0;
}

#popup_window_content_ItemUpdate {
    position: absolute;
    top:42px;
    bottom:0;
    left:0;
    right:0;
    

}


.popup_window_close_icon
{
    position: absolute;
    width:35px;
    height:35px;
    right:-13px;
    top:-13px;
    cursor: pointer;
    z-index:9999;
}

.popup_window_gridview_icon
{
    position: absolute;
    width:35px;
    height:35px;
    left:10px;
    top:5px;
    cursor: pointer;}

.popup_window_drawview_icon
{
    position: absolute;
    width:35px;
    height:35px;
    left:50px;
    top:5px;
    cursor: pointer;

}

.popup_window_DropdownSelector {

    position: absolute;
    left:5px;
    top:49px;
}

#popup_window_content_LegendLable_wrapper {

    position: absolute;
    left:172px;
    top:55px;
    color:#808080;
    font-size:15px;    
}

#popup_window_content_Legend_wrapper{

    width:330px;
    right:0;
    top:82px;    
}

/*-------------------------*/
/*#endregion */

/*#region     Loader           */
/*-----------------------------*/

#LoaderImage{

    position:absolute;
    width:66px;
    height:66px;
    background-repeat: no-repeat;


}

#LoaderText {

    position:absolute;
    margin-top : 70px;
    width:50px;
    height:30px;
    background-repeat: no-repeat;

}

/*-------------------------*/
/*#endregion */

/*#region     MessageBox       */
/*-----------------------------*/


#popup_MessageBox_background {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #ffffff;
    opacity: 0.8;
    z-index: 1000;

}

#popup_MessageBox_wrapper {

    background-color: #f3ecec;
    border: 4px solid #5e0101;
    box-shadow: 4px 4px 12px 0px rgba(117, 124, 122, 0.67);
    float: left;
    height: 160px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    width: 400px;
    z-index: 1001;

}

#popup_MessageBox_Title{

    font-size:14px; /*Change Defualt FontSize*/
    position: absolute;
    left : 0px;
    top : 0px;
    text-align: center;
    height: 17px;
    width: 400px;
    background-color: #5e0101;
    color:#ffffff;


}

#popup_MessageBox_Text {

    font-size:14px; /*Change Defualt FontSize*/
    position: absolute;
    left : 10px;
    top : 25px;
    text-align: left;
    height: 90px;
    width: 340px;
    
    
}

#popup_MessageBox_Icon {

    position: absolute;
    background-repeat: no-repeat;
    right : 10px;
    top:25px;
    height: 38px;
    width: 38px;
}

.popup_MessageBox_ButtonBox {

    position: absolute;
    width : 210px;
    right : 5px;
    top: 102px;
    

}

.popup_MessageBox_Button 
{
    background-color:#5e0101;
    border: thin solid;    
    color: white;
    cursor: pointer;
    width: 100px;
    height:35px;
    float:right;
    margin-top: 10px; 

}

.popup_MessageBox_Button:hover 
{   
    background-color:#a50505;    
}

.msgButtonText {

margin-top:7px;
}

/*-------------------------*/
/*#endregion */

/*#region     GRID             */
/*-----------------------------*/

.grid_MouseOverClick table tr:hover td {
    
    background-color: #efe2e5 !important;
    color: #000000 !important;
    cursor: pointer !important;
}

.k-grid .k-state-selected { 
        
    color:#ffffff;
    background-color:#780620;
}

.k-pager-numbers .k-link, .k-pager-numbers .k-link:hover {

    color:#000000;
    background-color:#efe2e5;
    border:none;

}

.k-pager-numbers .k-state-selected {

    color:#ffffff;
    background-color:#780620;
    border:none;
}

.k-grid-header .k-header .k-link
{   
       background-color: #494949 !important; 
       color: #ffffff !important;

}

.grid_ItemFlag1 {
    
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../Images_PIV_Ver01/RedIcon.png');
    text-indent : 15px;
    vertical-align:middle;
}

.grid_ItemFlag0 {
    
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../Images_PIV_Ver01/GreenIcon.png');
    text-indent : 15px;
    vertical-align:middle;
}

.grid_ItemButton {
    
    position: absolute;
    background-repeat: no-repeat;
    background-image: url('../Images_PIV_Ver01/GridOpen.png');
    width : 19px;
    height : 22px;
    margin-left : -4px;
    
}

.grid_ItemButtonDark {
    
    position: absolute;
    background-repeat: no-repeat;
    background-image: url('../Images_PIV_Ver01/GridOpenDark.png');
    width : 19px;
    height : 22px;
    margin-left : -4px;
    
}

.grid_TitleLabel {
    
   font-size: 15px;
   color: #5c2828;
   
    
}


/*-------------------------*/
/*#endregion */

/*#region     DROPDOWN         */
/*-----------------------------*/

.k-state-selected.k-state-focused,
.k-state-selected.k-state-highlight 
{
  color: #ffffff;
  background: #780620;
  border-color: rgba(199, 200, 200, 0.67);;
}

.k-item.k-state-hover,
.k-item.k-state-hover:hover
{
        background-color: #e2ccd1;
        color: #000000;
        cursor: pointer; 
}

/*-------------------------*/
/*#endregion */


/*#region Panel ItemUpdate    */
/*-----------------------------*/

#popup_window_content_ItemUpdate {


    box-shadow: 4px 4px 12px 0px rgba(117, 124, 122, 0.67);
    background-color: #f7f7f7;
     
}

.DataField {
    
    /*Use for field + lable div*/
    width : 350px;
    padding-left : 20px;
    padding-top : 10px;


}

.DataField-Max {
    
    /*Use for field + lable div*/
    width : 98%;
    padding-left : 20px;
    padding-top : 10px;


}

.ItemUpdate_TextBox
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color:#f9f9f5;
    width: 250px;
    height:32px;        
    float:left;
    text-indent:5px;   
}

.ItemUpdate_TextBox_Disabled
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color:#adadad;
    width: 250px;
    height:32px;        
    float:left;   
    text-indent:5px;
}

.ItemUpdate_TextBox-Lines
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color:#f9f9f5;
    width: 98%;
    height:40px;        
    float:left;
    text-indent:5px;
}
.ItemUpdate_TextBox-Max
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color:#f9f9f5;
    width: 98%;
    height:32px;        
    float:left;
    text-indent:5px;
}

.ItemUpdate_TextBox-Max_Disabled
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color:#868574;
    width: 100%;
    height:32px;        
    float:left;   
    text-indent:5px;
}

.ItemUpdate_TextBox-MessageBox
{
    border: 1px solid #ccc;
    color: #3a3a3a;
    background-color:#ffffff;
    width: 300px;
    height:32px;        
    float:left;
    text-indent:5px;
}

.ItemUpdate_DatePicker
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color:#f1efd5;
    width: 250px;
    height:32px;        
    float:left;   
}

.ItemUpdate_TextBox_Disabled
{
    border: 1px solid #ccc;
    color: #f1efd5;
    background-color:#868574;
    width: 250px;
    height:32px;        
    float:left;
   
}


.ItemUpdate_Label
{
    width: 250px;
    height:15px;
    margin-top: 2px;
    float:left;
    text-align:left;
    color:#3a3a3a;
      font-size:15px; /*Change Defualt FontSize*/    
    font-weight:300;
    
}
.ItemUpdate_TextBox_short
{
    border: 1px solid #ccc;
    color: #5f5f5f;
    width: 121px;
    height:23px;        
    float:left;
    margin-left:0px;
   
}

.ItemUpdate_Label_short
{
    width: 120px;
    height:15px;
    margin-top: 2px;
    float:left;
    text-align:left;
    color:#3a3a3a;
    font-size:15px; /*Change Defualt FontSize*/
    font-weight:300;
    
}

.ItemUpdate_Label_long {

        width: 100%;
    height:15px;
    margin-top: 2px;
    float:left;
    text-align:left;
    color:#3a3a3a;
    font-size:15px; /*Change Defualt FontSize*/    
    font-weight:300;

}



.ItemUpdate_ButtonBox {

    width : 350px;
    padding-left : 10px;
    }

.ItemUpdate_Button 
{
    background-color:#72192e;
    border: thin solid;
    border-color:#a82543;    
    color: white;
    cursor: pointer;
    width: 100px;
    height:35px;
    float:left;
    margin-top: 10px;
   
    
}

.ItemUpdate_Button:hover 
{   
    background-color:#c4123b;    
}

.ItemUpdate_Button:first-child {

    display:block;
    margin-top: 10px;
    vertical-align:middle;
}

.ItemUpdate_ButtonLock
{   

    background-color:#b3b1b1;
    border: thin solid;    
    color: #ebe9e9;
    width: 100px;
    height:35px;
    float:left;
    margin-top: 10px;
    
}

.ItemUpdate_Checkbox_Disabled {
       

    border: 1px solid #ccc;
    color: #5f5f5f;
    background-color : #868574;
    transform: scale(2);
    width:10px;
    float:left;
   
   
    
}
.ItemUpdate_Checkbox {
       

    border: 1px solid #ccc;
    color: #5f5f5f;    
    transform: scale(2);
    width:10px;
    float:left;
   
   
    
}

/*----------------------------*/
/*#endregion */